<html>
<head>
        <title>个人主页.me</title>
        <script src="jquery-3.2.0.min.js"></script>
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <style class="text/css">
        .image{width:160;height:160;}
        .col-md-2{margin-top:114px;margin-left:30px;}
        .col-md-6{margin-top:12px;}
        .col-md-8{padding-top:10px;}
        .home-head{display:block;text-align:center;padding-top:48px;padding-bottom:48px;margin-bottom:10px;}
        .footer{text-align:center;}
        </style>
</head>
<body background="/Users/km/Desktop/html组/2-120626152438.jpg">
<ul class="nav nav-pills">
        <li role="presentation"><a href class="#">Messages</a></span>
        <li role="presentation" class="active"><a href class="#">Home</a></li>
        <li role="presentation"><a href class="#">Profile</a></li>
        <li role="presentation"><a href class="#">About</a></li>
        <li role="presentation"><a href class="#">Contants</a></li>
</ul>
<div class="contanier">
        <div class="row">
        <div class="col-md-2">
        <div class="image"><img src="th.jpeg"></div>
        <h5>博客：面包味香水</h5>
        <button class="btn btn-warning" type="button">发纸条</button>
        <button class="btn btn-warning" type="button">关注<span class="glyphicon glyphicon-heart-empty"></span></button>
        <p></p>
        <p><a href class="#">过滤微光</a></p>
        <p><a href class="#">听说你还没醒</a></p>
        <p><a href class="#">你是一杯满可乐</a></p>
        <p><a href class="#">恰好阳光很温暖</a></p>
        <p><a href class="#">我的一个道姑朋友</a></p>
        </div>
        <div class="col-md-6">
        <h2><a href="http://blog.sina.com.cn/blog">面包味香水的博客</a></h2>
        <p>花开十里，相错一季。</p>
        </div>
        <div class="col-md-8">
                <p><a href="http://blog.sina.com.cn/s/blog_4b0f52990102wtlu.html">#跑在新春不一样#特别的礼物给爱运动的你&nbsp;征文活动等你参加</a></p>
                <span>哈喽各位朋友：</span>
                <p>五一就要到了，在这个五一，你计划去哪儿玩，吃点什么，胖几斤呢>？（后三个字，我是发自真心地问你哦）。很多人觉得，过节嘛，大吃大喝才是正经事。</p>
                <p>但春节吃下的东西，长得肉，可能要一个春天才能消化完，如果是这>样，那将是一个辛苦而忧伤的春天。毕竟一年之计在于春，谁不想美美哒、健康地迎接崭新
一年？这是一个好的开始，朝气蓬勃，喜气洋洋，虽有汗水，但却欢愉。</p>
        <div class="pull-right">
        <a id="r_10001_4b0f52990102ws8x" href="http://blog.sina.com.cn/s/blog_4b0f52990102ws8x.html" target="_blank">阅读</a>&nbsp;┆&nbsp;<a target="_blank" href="http://blog.sina.com.cn/s/blog_4b0f52990102ws8x.html#comment" id="c_10001_4b0f52990102ws8x">评论</a>&nbsp;                                                           ┆&nbsp;<a href="#" onclick="scope.articel_quote_alert && scope.articel_quote_alert('4b0f52990102ws8x');return false;">转载</a><a id="z_10001_4b0f52990102ws8x" href="#"  onclick="scope.articleQuoteShow  && scope.articleQuoteShow('4b0f52990102ws8x');return false;" class="zznum"></a>               ┆&nbsp;<a id="f_10001_4b0f52990102ws8x" href="javascript:;" onclick="return false;">收藏</a>&nbsp;
                </div>
        </div>
        <br/>
        <div class="col-md-8">
                <p><a href="http://blog.sina.com.cn/s/blog_4b0f52990102wsin.html" target="_blank">[转载]活动&nbsp;|&nbsp;他用运动为爱一搏，我们为他攒足520公里</a></p>
        <p>思想，通过键盘被敲落在纸上，组合成各种内容、各种表现形式的文字，抢抓>着少年的眼球，搅动着他们尚未成熟的内心世界。文字，通过各种排列各种意境，向少年倾
诉着那些或具体、或抽象的文文理理，冲击着他们年轻的心灵，于皱眉沉思间牵起万千思绪
。思想与文字...</p>
        <div class="pull-right">
        <a id="r_10001_4b0f52990102ws8x" href="http://blog.sina.com.cn/s/blog_4b0f52990102ws8x.html" target="_blank">阅读</a>&nbsp;┆&nbsp;<a target="_blank" href="http://blog.sina.com.cn/s/blog_4b0f52990102ws8x.html#comment" id="c_10001_4b0f52990102ws8x">评论</a>&nbsp;                                                           ┆&nbsp;<a href="#" onclick="scope.articel_quote_alert && scope.articel_quote_alert('4b0f52990102ws8x');return false;">转载</a><a id="z_10001_4b0f52990102ws8x" href="#"  onclick="scope.articleQuoteShow  && scope.articleQuoteShow('4b0f52990102ws8x');return false;" class="zznum"></a>               ┆&nbsp;<a id="f_10001_4b0f52990102ws8x" href="javascript:;" onclick="return false;">收藏</a>&nbsp;
                </div>
        <br/>
        <br/>
        <p><a href="#">告别抑郁，我们为您保驾护航</a></p>
        <p>也许你只是以为自己心情不好。也许一点点失落也会让你异常紧张。抑郁和低>落的界限不是那么明朗，所以更要自我审视。</p>
        <p>在即将到来的“世界精神卫生日”，新浪博客与北京市卫计委联合征集问题，如>果您有关于抑郁症与抑郁情绪的问题，都可以通过微博或博客留言，我们会在10月10日当天
，挑选最典型的问题由安定医院的专家进行回答。</p>
        <p>提问方式：</p>
        <p>1.在此博文下跟帖回复您的问题。</p>
        <p>2.发布带有#告别抑郁#标签的微博。</p>
        <p>另外，在10月10日19:30，北京市卫计委将进行大型互动节目精神健康问题的防
治、护理等知识。此节目将通过“北京时间”app进行直播。</p>
        <div class="pull-right">
        <a id="r_10001_4b0f52990102ws8x" href="http://blog.sina.com.cn/s/blog_4b0f52990102ws8x.html" target="_blank">阅读</a>&nbsp;┆&nbsp;<a target="_blank" href="http://blog.sina.com.cn/s/blog_4b0f52990102ws8x.html#comment" id="c_10001_4b0f52990102ws8x">评论</a>&nbsp;                                                           ┆&nbsp;<a href="#" onclick="scope.articel_quote_alert && scope.articel_quote_alert('4b0f52990102ws8x');return false;">转载</a><a id="z_10001_4b0f52990102ws8x" href="#"  onclick="scope.articleQuoteShow  && scope.articleQuoteShow('4b0f52990102ws8x');return false;" class="zznum"></a>               ┆&nbsp;<a id="f_10001_4b0f52990102ws8x" href="javascript:;" onclick="return false;">收藏</a>&nbsp;
                </div>
        </div>
        </div>
        <br/>
        <br/>
        <br/>
        <footer class="footer">
        <p>© 2017 Company, Inc.</p>
        </footer>
</div>
</body>
</html>
                                                   

